{include file=header.html}
<script language="javascript" type="text/javascript" src="{res file=js/jquery-1.2.6.js}"></script>
<script language="javascript" type="text/javascript" src="{lib file=jquery.plugins/jquery.validate.js}"></script>
<script type="text/javascript">
$(function(){
    $('#password_form').validate({
		onkeyup : false,
		onfucusout : false,
        rules : {
            orig_password : {
                required : true
            },
            new_password : {
                required   : true,
                minlength  : 6,
                maxlength  : 20
            },
            confirm_password : {
                required   : true,
                equalTo    : '#new_password'
            }
        },
        messages : {
            orig_password : {
                required : '{$lang.orig_password_empty}'
            },
            new_password  : {
                required   : '{$lang.no_pass}',
                minlength  : '{$lang.password_length_limit}',
                maxlength  : '{$lang.password_length_limit}'
            },
            confirm_password : {
                required   : '{$lang.no_pass}',
                equalTo    : '{$lang.twice_pass_not_match}'
            }
        }
    });
});
</script>
<style>
label.error {margin-left:2em; color:#FF0000;}
</style>
<body>
<div class="sub-body">
<div class="tab-frame">
<div class="tab-title-1"><span>{$lang.edit_password}</span></div>
<form method="post" id="password_form">
<table cellspacing="0" cellpadding="0" class="tab-display" id="tab-color">
	<tr>
		<th width="80" align="right">{$lang.orig_password}：</th>
		<td align="left"><input type="password" name="orig_password" style="width:200px;" class="input-3" /></td>
	</tr>
	<tr>
		<th align="right">{$lang.new_password}：</th>
		<td align="left"><input type="password" name="new_password" id="new_password" style="width:200px;" class="input-3" /></td>
	</tr>
	<tr>
		<th align="right">{$lang.confirm_password}：</th>
		<td align="left"><input type="password" name="confirm_password" style="width:200px;" class="input-3" /></td>
	</tr>
	<tr>
		<td colspan="2"><input class="btn-2" type="submit" value="{$lang.submit}" /></td>
	</tr>
</table>
</form>
</div></div>
<script language="javascript" type="text/javascript" src="{res file=js/tab_color.js}"></script>
</body>
</html>